<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<title>会员中心</title>
		<script type="text/javascript" src="/js/jq.js"></script>
		<link rel="stylesheet" href="/pc-static/css/common.css">
		<link rel="stylesheet" href="/pc-static/css/iconfont.css">
		<link rel="stylesheet" href="/layui/css/layui.css">
		<!-- <script src="/layui/layui.js"></script> -->
		<script src="/layui/layui.all.js"></script>
		<meta content="webkit" name="renderer" />
		<script type="text/javascript" src="/pc-static/js/pcCommon.js"></script>  
		<link rel="stylesheet" href="/css/jquery.dataTables.min.css" />
		<script type="text/javascript"  src="/js/jquery.dataTables.min.js"></script>
		<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" /> 
		 <script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"></script>
		<!-- <script type="text/javascript" src="/js/global.js"></script> -->
		    <script type="text/javascript" src="/pc-static/js/personal.js"></script>
		<!-- <link rel="stylesheet" href="/css/bootstrap-switch.min.css" /> -->
		<script src="/js/clipboard.min.js"></script>
		<style type="text/css">
			.ivu-menu-light *{
				user-select:none;
			}
		</style>
		 <link rel="stylesheet" href="/pc-static/css/personal.css"> 
	</head>
<body>
<div class='wapper'>
	<div id="app">
			<div data-v-3a103de8="" class="top">欢迎来到会员中心！</div>
			<div id="main">
				<header data-v-15d2c63d="" class="header">
					<div data-v-15d2c63d="" class="left"><i data-v-15d2c63d="" class="iconfont icon-xiaoyuhao1" onclick="window.history.go(-1)"></i><i data-v-15d2c63d="" class="icon-user-circle iconfont"></i> <span data-v-15d2c63d="" class='userName'></span></div>
					<div data-v-15d2c63d="" class="middle"><img data-v-15d2c63d="" src=""> <span></span>
					</div>
					<div data-v-15d2c63d="" class="right"><span data-v-15d2c63d="" class="iconfont icon-fanhuishouye2" onclick="window.location.href='/pc/index.do'"></span><i data-v-15d2c63d="" class="iconfont icon-android-circle"></i> <i data-v-15d2c63d="" class="iconfont icon-ios-circle"></i></div>
					<!---->
				</header>
				<div class="content">
					<ul class="nav-side ivu-menu ivu-menu-light ivu-menu-vertical" style="width: 160px;">
						<li class="no-submenu ivu-menu-item" id="userCenter"><i class="iconfont icon-person"></i> 个人中心  <!--ivu-menu-item-active  -->
						</li>	
						<li class="ivu-menu-submenu" id="ivu-menu-submenu">
							<div class="ivu-menu-submenu-title"><i class="iconfont icon-wallet"></i> 财务中心
								<i class="iconfont icon-add" id="icon-state"></i> <i class="ivu-icon ivu-icon-ios-arrow-down ivu-menu-submenu-title-icon"></i></div>
							<ul class="ivu-menu" style="display: none;" id="ivu-menu">
								<li class="ivu-menu-item" id="chooseGroup">充值</li>
								<li class="ivu-menu-item" id="withdraw">提现</li>
								<li class="ivu-menu-item" id="czrecord">充值记录</li>
								<li class="ivu-menu-item" id="txrecord">提现记录</li>
							</ul>
						</li>
						
						<li class="ivu-menu-submenu" id="ivu-menu-submenu1">
							<div class="ivu-menu-submenu-title"><i class="iconfont icon-wallet"></i> 代理中心
								<i class="iconfont icon-add" id="icon-state1"></i> <i class="ivu-icon ivu-icon-ios-arrow-down ivu-menu-submenu-title-icon"></i></div>
							<ul class="ivu-menu" style="display: none;" id="ivu-menu1">
								<!-- <li class="ivu-menu-item" id="agentExplain">代理说明</li>
								<li class="ivu-menu-item" id="userManage">用户管理</li>
								<li class="ivu-menu-item" id="agentCommission">代理佣金</li>
								<li class="ivu-menu-item" id="reportStatistics">报表设计</li> -->
								<li class="ivu-menu-item" id="agentExplainNew">代理说明</li>
								<li class="ivu-menu-item" id="teamReportNew">团队报表</li>
								<li class="ivu-menu-item" id="subReportNew">下级报表</li>
								<li class="ivu-menu-item" id="subAccountNew">下级开户</li>
								<li class="ivu-menu-item" id="subManageNew">下级管理</li>
								<li class="ivu-menu-item" id="subBetRecordNew">下级投注记录</li>
								<li class="ivu-menu-item" id="subTransitionNew">下级交易明细</li>
							</ul>
						</li>
						<li class="no-submenu ivu-menu-item transaction" id="transactionRecord"><i class="iconfont icon-hammer"></i> 交易记录
						</li>
						<li class="no-submenu ivu-menu-item" id="messageNotice"><i class="iconfont icon-message-notice"></i> 信息公告
						</li>
						<!-- <li class="no-submenu ivu-menu-item" id="helpCenter"><i class="iconfont icon-setting" ></i> 帮助反馈
						</li> -->
					</ul>
					
					<div id="pageData">
					
					</div>
				</div>
			</div>
		</div>
		<div data-v-15d2c63d="" data-transfer="true" class="header-modal v-transfer-dom">
			<div class="ivu-modal-mask" style="display: none;"></div>
			<div class="ivu-modal-wrap ivu-modal-hidden">
				<div class="ivu-modal" style="width: 336px;">
					<div class="ivu-modal-content">
						<a class="ivu-modal-close"><i class="ivu-icon ivu-icon-ios-close-empty"></i></a>
						<!---->
						<div class="ivu-modal-body"><img data-v-15d2c63d="" src="/pc-static/img/9f9d43d4700dfece3a4b3abc51616c80.png"> </div>
						<div class="ivu-modal-footer">
							<div data-v-15d2c63d=""></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div data-v-23401bee="" data-transfer="true" class="v-transfer-dom">
			<div class="ivu-modal-mask" style="display: none;"></div>
			<div class="ivu-modal-wrap ivu-modal-hidden">
				<div class="ivu-modal" style="width: 340px; display: none;">
					<div class="ivu-modal-content">
						<a class="ivu-modal-close"><i class="ivu-icon ivu-icon-ios-close-empty"></i></a>
						<div class="ivu-modal-header">
							<p data-v-23401bee="" class="modal-header">
								联系客服
							</p>
						</div>
						<div class="ivu-modal-body"> <span data-v-23401bee="" style="font-size: 18px;">
      真实姓名已存在，请联系在线客服
    </span></div>
						<div class="ivu-modal-footer"><button type="button" class="ivu-btn ivu-btn-text ivu-btn-large"><!----> <!----> <span>暂不联系</span></button> <button type="button" class="ivu-btn ivu-btn-primary ivu-btn-large"><!----> <!----> <span>联系客服</span></button></div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="modal-div-fakeModal" id="div-i-noticeBankCard" style="display:none">
			<div class="div-c-modalContent">
				<h3 class="fakemodal-title"></h3>
				<div class="fakemodal-content"></div>
				<div class="fakemodal-btnsGroup"><button class="btn btn-default btn-class-closeFakeModal">关闭</button></div>
			</div>
		</div>
		
		<div class="modal-div-fakeModal" id="div-i-noticeGenDan2" aria-hidden="true" style="display:none">
			<div class="div-c-modalContent yanzCode">
				<h3 class="fakemodal-title"></h3>
				<div class="fakemodal-content1">
					 <div style="position: relative; margin:10px;">
					 	<p style="text-align: center;">操作过于频繁，请输入验证码</p>
						<input id="code" type="text" placeholder="验证码" class="form-control input-lg" maxlength=4></input>
						<img src="/u/code.do" class="code" alt="点击刷新" title="点击刷新" />
						<div class="tips" style="color:red;text-align: center;margin: 10px;font-size: 16px;"></div>
					</div> 
				</div>
				<div class="fakemodal-btnsGroup">
					<button class="btn btn-default " id="confirm1">确定</button>
				</div>
			</div>
		</div>
		
		<div class="modal-div-fakeModal" id="div-i-noticeGenDan1" style="display:none">
			<div class="div-c-modalContent">
				<h3 class="fakemodal-title"></h3>
				<div class="fakemodal-content"></div>
				<div class="fakemodal-btnsGroup">
					<button class="btn btn-default btn-class-closeFakeModal" id="confirm">确定</button>
					<button class="btn btn-default btn-class-closeFakeModal" id="cancel" style="margin-left:20px;">取消</button>
				</div>
			</div>
		</div>	
			<div class="modal1 fade" id="addAndEditModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:1000px!important;">
        <div class="modal-content">
            <div class="modal-header">
            	<span class='chess-header'></span>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
            	<p><span >投注账号:</span><input class="form-control" id="input-i-id" readonly /></p>
            	<p ><span >彩种名称：</span><input class="form-control input-c-canEdit" id="input-i-balance" readonly /></p>
            	<p ><span>期号：</span><input class="form-control" id="input-i-createtime" readonly /></p>
            	<p ><span>投注时间：</span><input class="form-control" id="input-i-dailimingchen" readonly /></p>
            	<p ><span>注数：</span><input class="form-control" id="input-i-icode" readonly /></p>
            	<p ><span>投注金额：</span><input class="form-control" id="input-i-lastIp" readonly /></p>
            	<p><span>中奖金额：</span><input class="form-control" id="input-i-lastTime" readonly /></p>
            	<p><span>状态：</span><input class="form-control input-c-canEdit" id="input-i-money" readonly /></p>
            	<p><span>投注玩法：</span><input class="form-control" id="input-i-name" readonly /></p>
            	<p><span>投注号码：</span><input class="form-control" id="input-i-nicheng" readonly /></p>
            </div>
            <div class="modal-footer" style="text-align: center;">
                <button type="button" class="btn btn-default btn-lg" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>	
</div>
<script>
var laydate
var allDate = $(document).find('.layer-date')
allDate.each(function(index, el) {
    $(this).removeAttr("lay-key")  // 解决重复关闭模态框后再次点击闪退问题
    laydate.render({
        elem: this,//解决多次打开模态框闪退问题
       });
});

/* 试玩账号只能看交易记录 */
$.ajax({
	url: "/users/pcUserWhetherLogin.do",
	type: "post",
	data: {},
	success: function(data) {
		console.log(data)
		$(".userName").text(data.data2)
		if(data.data!=0){//用户状态  0 是 禁用 1是会员 2是试玩 3是内部
			if(data.data==1 || data.data==3){ /* 1用户登录  3内部账号 */
				$(".ivu-menu-light li").show();
				if(data.data4==0){/* 玩家类型 */
					$("#ivu-menu-submenu1").hide();
				}else if(data.data4==1){
					$("#ivu-menu-submenu1").show();
				}
			}else if(data.data==2){  /* 试玩登录 */
				$(".ivu-menu-light li").hide();
				$(".ivu-menu-light #transactionRecord").show();
			}
		}else{  /* 没有登录 */
			backIndexPage('温馨提示','亲,你还未登录哦')
		}
	}
})

var typeWay //1代表提现记录的类型 2为充值记录的类型
var state
var bankNum //自己账号
var bankName //平台银行
var acountName //平台公司
var acountBranch //平台支行
var bankAcount //平台卡号
var mode = ""
var Bankmessage
var chooseMoney = 50
var NUMBERS="1234567890"
var serial = ["1", "2", "3", "4", "5", "6", "7", "8"]
var obj = {
	"1": "微信钱包支付",
	"2": "微信扫码支付",
	"3": "支付宝钱包支付",
	"4": "支付宝扫码支付",
	"5": "QQ钱包支付",
	"6": "QQ扫码支付",
	"7": "银联扫码(借记卡)",
	"8": "银联扫码(信用卡)",
}


/* 刷新时局部加载当前页 */
var page;
page=window.location.hash.substring(1,window.location.hash.length)
console.log(page)
if(page!=''){
	/* 刷新时默认当前页高亮 */
	$("#"+page).addClass("ivu-menu-item-selected")
	/* 判断是否是子菜单的元素，是的话打开该子菜单 */
	$(this).find(".icon-subtraction").removeClass("icon-subtraction").addClass("icon-add")
	if($(".ivu-menu-light .ivu-menu").find(".ivu-menu-item-selected").length==1){
		$('.ivu-menu-item-selected').closest('.ivu-menu').show(); 
		$('.ivu-menu-item-selected').closest('.ivu-menu-submenu').addClass('ivu-menu-opened')
		$('.ivu-menu-item-selected').closest('.ivu-menu').prev().find(".icon-add").attr("class","iconfont icon-subtraction")
	}else{
		$(".ivu-menu-light .ivu-menu").hide();
		$(".ivu-menu-submenu").removeClass("ivu-menu-opened")
		$(".icon-subtraction").attr("class","iconfont icon-add")
	}
	$("#pageData").empty();
	$("#pageData").load("/pc/"+page+".do")
}

/* 点击侧边栏局部加载点击页面 */
$(".ivu-menu-item").on("click", function() {
	page=$(this).attr("id");
	window.location.href="/pc/personal.do#"+page
})

/* 当一个窗口的 hash(URL 中 # 后面的部分)改变时就会触发 hashchange 事件 */
window.onhashchange=function(){
	var pages=window.location.hash.substring(1,window.location.hash.length)
	console.log(pages)
	/* 点击前进后退时默认当前页高亮 */
	$(".ivu-menu-item").removeClass("ivu-menu-item-selected")
	$("#"+pages).addClass("ivu-menu-item-selected")
	/* 判断是否是子菜单的元素，是的话打开该子菜单 */
	if($(".ivu-menu-light .ivu-menu").find(".ivu-menu-item-selected").length==1){
		$('.ivu-menu-item-selected').closest('.ivu-menu').show(); 
		$('.ivu-menu-item-selected').closest('.ivu-menu-submenu').addClass('ivu-menu-opened')
		$('.ivu-menu-item-selected').closest('.ivu-menu').prev().find(".icon-add").attr("class","iconfont icon-subtraction")
	}else{
		$(".ivu-menu-light .ivu-menu").hide();
		$(".ivu-menu-submenu").removeClass("ivu-menu-opened")
		$(".icon-subtraction").attr("class","iconfont icon-add")
	}
	if(pages!=''){
		$("#pageData").empty();
		$("#pageData").load("/pc/"+pages+".do")
	}
}



	//拿LOGO
	$.ajax({
		url: "/title.do",
		type: "post",
		data: {},
		success: function(data) {
			var newData = data.data;
			$(".middle img").attr("src", "/d/cp/" + newData.logo)
			$(".middle span").text(newData.pc_welcome)
		},
		error: function(status) {
			bindLayerLittle("提示：", "网络繁忙,请检查网络")
		}
	})
	//拿二维码，点击出现扫码图标
	$.ajax({
		url: "/pc/commonPage.do",
		type: "post",
		data: {},
		success: function(data) {
			var newData = data.data;
			$(".right i").on("click", function() {
				if($(this).hasClass("icon-android-circle")) {
					$(".ivu-modal-body img").attr("src", "/d/cp/" + newData.android_img)
				} else {
					$(".ivu-modal-body img").attr("src", "/d/cp/" + newData.ios_img)
				}
				$(".header-modal .ivu-modal-mask").show();
				$(".header-modal .ivu-modal-wrap").removeClass("ivu-modal-hidden")
				/* 点击模态框之外的地方关闭模态框 */
				$("body").click(function(e){
					var $self=$(e.target);
					if($self.hasClass("icon-android-circle") || $self.hasClass("icon-ios-circle")){
						return;
					}
					if($self.hasClass('ivu-modal-body') || $self.parent().hasClass('ivu-modal-body')){
						return;
					}
					$(".header-modal .ivu-modal-mask").hide();
					$(".header-modal .ivu-modal-wrap").addClass("ivu-modal-hidden") 
				})
			})
			
		},
		error: function(status) {
			bindLayerLittle("提示：", "网络繁忙,请检查网络")
		}
	})
	
	/* 点击侧边栏子菜单折叠 */
	$(".ivu-menu-submenu-title").on("click", function() {
		 if($(this).parent().hasClass("ivu-menu-opened")) {
			$(this).parent().removeClass("ivu-menu-opened")
			$(this).next().hide();
			$(this).find(".icon-subtraction").removeClass("icon-subtraction").addClass("icon-add")
		} else {
			$(this).parent().addClass("ivu-menu-opened")
			$(this).next().show();
			$(this).find(".icon-add").removeClass("icon-add").addClass("icon-subtraction")
		}
	})
	
	

</script>
</body>
</html>


